Journal d'un Terrien
Web log de Serge Boisse
On line depuis 1992 !
Publicité
Si cette page vous a plu, Copiez son adresse et partagez-la !
http://sboisse.free.fr/trucs et astuces/Obsidian/Astuces/HTML dans Obsidian.php
http://sboisse.free.fr/trucs et astuces/Obsidian/Astuces/HTML dans Obsidian.php
Savez-vous quels sont les articles les plus vendus sur Amazon.fr ?
HTML dans Obsidian
trucs et astuces > Obsidian > Astuces > HTML dans Obsidian
HTML dans Obsidian
Il est possible d'inclure du HTML dans une note Obsidian. Même des tables et des iframes !
Attention Ce n''est pas forcément la solution à tout car ce n'est pas du Markdown et on peut avoir des problèmes de compatibilité à l'export vers un autre logiciel.
Il y a plein d'autres trucs:
Exemples
Attention selon que l'on met ou pas des espaces entre les lignes, ça marche ou pas, et/ou obsidian passe à la ligne ou pas...
<p style="color:green">ce texte est en vert</p>
<marquee style='width: 40%; color: blue;'><b>Celui-ci est en bleu et il défile</b></marquee>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 450 400" width="200" height="200">
<rect x="80" y="60" width="250" height="250" rx="20" style="fill:red; stroke:black; fill-opacity:0.7" />
<rect x="180" y="110" width="250" height="250" rx="40" style="fill:blue; stroke:black; fill-opacity:0.5;" />
</svg>
Résultat :
ce texte est en vert
obsidian connait le type html input ! <input type="text">coucou</input>
coucou
Comment utiliser le résultat ? cf DataviewJS > interaction
Un exemple plus compliqué avec une div :
ne pas mettre de ligne vide dans le bloc
<div style="display: flex; flex-wrap: wrap; align-items: center; justify-content: center;"> <div style="display: flex; flex-direction: column; justify-content: center;align-items:center;"> <img style="padding: 10px" src="https://res.cloudinary.com/dix4ngy25/image/upload/c_scale,r_8,w_300/v1668068263/dgdocs/CleanShot_2022-11-10_at_09.17.28_2x.png"/> <a href="https://notes.thatother.dev/">That Other Dev</a> </div> <div style="display: flex; flex-direction: column; justify-content: center;align-items: center"> <img style="padding: 10px" src="https://res.cloudinary.com/dix4ngy25/image/upload/c_scale,r_8,w_300/v1668068103/dgdocs/CleanShot_2022-11-10_at_09.14.47_2x.png"/> <a href="https://syleria.netlify.app/">Syleria</a> </div> </div>
iframes
<iframe src="http://sboisse.free.fr" height="500" width="600"></iframe>, et hop !
copier-coller direct de HTML dans une note Obsidian
Il sera converti en markdown par Obsidian.
Publicité
Commentaires (0) :
Page :Ajouter un commentaire (pas besoin de s'enregistrer)
En cliquant sur le bouton "Envoyer" vous acceptez les conditions suivantes : Ne pas poster de message injurieux, obscène ou contraire à la loi, ni de liens vers de tels sites. Respecter la "netiquette", ne pas usurper le pseudo d'une autre personne, respecter les posts faits par les autres. L'auteur du site se réserve le droit de supprimer un ou plusieurs posts à tout moment. Merci !Ah oui : le bbcode et le html genre <br>, <a href=...>, <b>b etc. ne fonctionnent pas dans les commentaires. C'est voulu.